<template>
  <view>
    <view class="flex-col section_3">
  <view class="flex-row justify-between items-center">
    <text class="text text_2">把灵伴分享给需要的朋友吧</text>
    <image
      class="image"
      src="https://ide.code.fun/api/image?token=678483434ae84d00122350a5&name=c4a1ffe79aa0a4bb5418d8f53bc7a8f5.png"
    />
  </view>
  <view class="mt-18 flex-row">
    <view class="flex-col items-center section_4 equal-division-item">
      <image
        class="image_2"
        src="https://ide.code.fun/api/image?token=678483434ae84d00122350a5&name=c84ed1ab47bd7d5ad0fa6678e034b6f5.png"
      />
      <text class="mt-6 font text">朋友圈</text>
    </view>
    <view class="flex-col items-center section_4 equal-division-item ml-15">
      <image
        class="image_2"
        src="https://ide.code.fun/api/image?token=678483434ae84d00122350a5&name=f08abb346ec099c4ddd74610c03d99e2.png"
      />
      <text class="mt-6 font text">微信</text>
    </view>
  </view>
</view>
  </view>
</template>

<script>
  export default {
    name:"sharge",
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss" scoped>
.ml-15 {
  margin-left: 15px;
}
.section_3 {
  padding: 16px 20px 64px;
  background-color: #f8f8f8;
  border-radius: 16px 16px 0px 0px;
}
.image {
  width: 20px;
  height: 20px;
}
.section_4 {
  flex: 1 1 160px;
}
.equal-division-item {
  padding: 12px 0 16px;
  background-color: #ffffff;
  border-radius: 20px;
  height: 94px;
}
.image_2 {
  border-radius: 23px;
  width: 48px;
  height: 48px;
}
.font {
  font-size: 12px;
  font-family: Source Han Sans SC;
  line-height: 11px;
  color: #333333;
}
.text {
  text-transform: uppercase;
}
.text_2 {
  color: #333333;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 700;
  line-height: 15.5px;
}
</style>
    
      